<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>购物车</title>

  <!-- 重置样式表 -->
  <link rel="stylesheet" href="../css/normalize.css">

  <!-- 公共样式表 -->
  <link rel="stylesheet" href="../css/common.css">

  <!-- 当前页样式表 -->
  <link rel="stylesheet" href="../css/shopcar.css">

  <!-- 引jq -->
  <script src="../lib/jquery.min.js"></script>

  <!-- 引当前js -->
  <script src="../js/shopcar.js"></script>
</head>

<body>
  <!-- 头部开始 -->
  <div class="head">
    <div class="head-top container-fluid">
        <div class="container">
            <div class="fl">legochina. cn</div>
            <div class="fr">欢迎光临<a href="">乐购</a>,请<a href="">登录\</a><a href="">注册</a></div>
            <h1><img src="../imgs/img/LOGO_02.jpg" alt=""></h1>
        </div>
    </div>
    <div class="head-con container clearfix">
        <div class="fr">
            <a href="#"><span>购物车 3</span></a>
            <a href="#">我的订单</a>
        </div>
        <div class="fr">
            <input type="submit" value="" class="fr">
            <input type="text" value="创意文具" class="search fr">
        </div>


    </div>
    <div class="head-nav container clearfix">

        <ul class="fr">
            <li><a>图书</a></li>
            <li><a>电子书</a></li>
            <li><a>原创文学</a></li>
            <li><a>服装</a></li>
            <li><a>运动户外</a></li>
            <li><a>孕婴童</a></li>
            <li><a>家居用品</a></li>
            <li><a>创意文具</a></li>
            <li><a>地方特产</a></li>
            <li><a>海外淘</a></li>
            <li><a>电器城</a></li>
        </ul>
    </div>


</div>


  <!-- 购物车 -->
  <div class="shopcar container mt30">
    
    <div class="shopcar-head clearfix">
      <p><input class="allsel" type="checkbox">全选</p>
      <p>商品</p>
      <p>单价</p>
      <p>数量</p>
      <p>小计</p>
      <p>操作</p>
    </div>


    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../imgs/img/index08_05.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../imgs/img/index08_05.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>
    <div class="shopcar-body clearfix">
      <p><input class="sinsel" type="checkbox"></p>
      <p>
        <img src="../imgs/img/index08_05.jpg" alt="">
        从你到全世界路过
      </p>
      <p class="sinprice">41.00</p>
      <p>
        <span class="reduce">-</span>
        <input class="pronum" type="text" value="1">
        <span class="add">+</span>
      </p>
      <p class="smallprice">41.00</p>
      <p>删除<br>移到我的关注</p>
    </div>



    <div class="shopcar-foot">
      <p><input class="allsel" type="checkbox"> 全选</p>
      <p>删除选中商品</p>
      <p></p>
      <p>已选择 <span class="cf60 allNum">1</span> 件商品</p>
      <p>总价: <span class="cf60 allPrice">41.00</span></p>
      <p><button>结算</button></p>
    </div>

  </div>
  


</body>
</html>